<!DOCTYPE html>
<html lang="en">
<head>
<title>富康修</title>
<!--/tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="富康软件技术有限公司" />
<!--css-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/chocolat.css" rel="stylesheet" type="text/css" media="all">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">

<!--//css-->
<link href="//fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="../html/layui/css/layui.css"  media="all">
</head>
<body>
<div class="top nav">
<nav class="navbar navbar-default">
  <div class="container">
	<!-- Brand and toggle get grouped for better mobile display -->
	<div class="navbar-header">
	  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		<span class="sr-only">Toggle navigation</span><!-- 切换导航 -->
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
	  </button>
	</div>

	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	  <nav class="link-effect-2" id="link-effect-2">

	  <ul class="nav navbar-nav navbar-right">
		<li class="active"><a href="#" class="effect-3">主页</a></li>
		<li><a href="#we-offer" class="effect-3 page-scroll">关于我们</a></li>
		<li><a href="#services" class="effect-3 page-scroll">相关案例</a></li>
		<li><a href="#gallery" class="effect-3 page-scroll">案例展示</a></li>
		<li><a href="#testimonials" class="effect-3 page-scroll">技术组成</a></li>
		<li><a href="#contact" class="effect-3 page-scroll">加入我们</a></li>
	  </ul>
	  </nav>
	</div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
</div>
<!--banner-->
<div class="banner">
<div class="w3layouts-banner-slider">
				<div class="container">
					<div class="slider">
						<div class="callbacks_container">
							<ul class="rslides callbacks callbacks1" id="slider4">
								<li>
									<div class="agileits-banner-info">
										<h3>教育
											<span>公司简介</span></h3>
										<div class="w3-button">
											<div class="w3ls-button">
												<a href="#we-offer" class="scroll hvr-shutter-out-vertical page-scroll">详情</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</li>
								<li>
									<div class="agileits-banner-info">
										<h3>公司成员
											 <span>强大的团队是我们的优势</span></h3>
										<div class="w3-button">
											<div class="w3ls-button">
												<a href="#we-offer" class="scroll hvr-shutter-out-vertical page-scroll">相关</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</li>
								<li>
									<div class="agileits-banner-info">
										<h3>成功的案例
										 <span>您也可以同样优秀</span></h3>
										<div class="w3-button">
											<div class="w3ls-button">
												<a href="#we-offer" class="scroll hvr-shutter-out-vertical page-scroll">About</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="clearfix"> </div>

					</div>
				</div>
			</div>
		</div>



<!--about-->
<div class="we-offer" id="we-offer">
  <div class="we-offer-info text-center">
		<h3>关于我们</h3>
		<label></label>
		<p>足够的了解促进了您的优先选择</p>
	</div>
		<div class="we-offer-content">
			<div class="container">
				<div class="row">
				  <div class="col-sm-4 col-md-4 we-offer-cont">
						<div class="we-offer-content1">
							<div class="row cont">
								<div class="col-sm-3 col-md-2 cont-icon1">
									<i class="fa fa-anchor" aria-hidden="true"></i>
								</div>
								<div class="col-sm-9 col-md-10">
									<h3>公司简介</h3>
									  <p>Company Profile</p>
							  </div>
								<div class="clearfix"></div>
							</div>
						</div>
							<div class="we-offer-par">
								<p>公司始创于2000/01/01，总部位于北京，业务遍及二十余个省以及瑞士、法国、新加坡等近百个海外市场，
是中国最早的以互联网为主体的私营教育机构，院校环境及办学实力均处于国内外领先地位。经过近二十年的发展，<strong>富康修教育</strong>已发展成为拥有高端教育资源和先进管理平台的集团化办学机构，
通过<strong>举办和运营学校，提供学校运营、校园设施、国际教育合作、教学质量评估、课程和教材开发、教育信息化</strong>等全方位教育服务，形成从幼儿园到大学、升学就业、留学服务在内的较为完整的院校管理和教育培养体系。富康修教育探索全新时代下亟需的人才培养模式，打造基础教育，高等教育及职业培训两大体系，
为未来的中国培养创新型人才。集团现有下属直营院校10余所，在校学生人数过1万人，托管和合作办学院校30多所，覆盖学生近2万人。</p>
							</div>
					</div>
					<div class="col-sm-4 col-md-4 we-offer-cont">
						<div class="we-offer-content1">
							<div class="row cont">
								<div class="col-sm-3 col-md-2 cont-icon1">
									<i class="fa fa-users" aria-hidden="true"></i>
								</div>
								<div class="col-sm-9 col-md-10">
									<h3>公司成员</h3>
									<p>Company staff introduction</p>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
							<div class="we-offer-par">
								<p><a href="#">项目组长：赵爽</a></p>
								<p><a href="#">徐庆</a></p>
								<p><a href="#">娄志宇</a></p>
								<p><a href="#">司春雨</a></p>
								<p><a href="#">王姣婷</a></p>
							</div>
					</div>
					<div class="col-sm-4 col-md-4 we-offer-cont">
						<div class="we-offer-content1">
							<div class="row cont">
								<div class="col-sm-3 col-md-2 cont-icon1">
									<i class="fa fa-wpforms" aria-hidden="true"></i>
								</div>
								<div class="col-sm-9 col-md-10">
									<h3>公司成绩</h3>
									<p>Company preformance</p>
								</div>
								<div class="clearfix"></div>
						</div>
							<div class="we-offer-par">
								<p>2017，15000人获得高新岗位；<br>
									2018，30000人获得高新岗位；
								</p>
							</div>
					</div>
	</div>
	<div class="clearfix"></div>
			</div>
			</div>


<!--services-->

<!-- team -->
<div class="gallery" id="gallery">
	<div class="gallery-info text-center">
		<h3>我们的老板</h3>
		<label></label>
	</div>
	<div class="gallery-content">
		<div class="container">
			<div class="portfolio-gallery" id="gal">
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image"  href="images/gallery-img1.jpg">
							<img src="images/gallery-img1.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>公司始创于2000/01/01，总部位于北京，业务遍及二十余个省以及瑞士、法国、新加坡等近百个海外市场，
是中国最早的以互联网为主体的私营教育机构，院校环境及办学实力均处于国内外领先地位。经过近二十年的发展</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img2.jpg">
							<img src="images/gallery-img6.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Office Setup</h4>
							</div>
						</a>
					</div>	
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img3.jpg"><img src="images/gallery-img3.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Business plans</h4>
							</div>
						</a>
					</div>				
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img4.jpg">
							<img src="images/gallery-img8.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Managment</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img5.jpg">
							<img src="images/gallery-img4.jpg" class="img-responsive" alt="">
							<div class="overlay">
								<h4>Mobile business</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img6.jpg">
							<img src="images/gallery-img7.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>On site computer services</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img7.jpg">
							<img src="images/gallery-img2.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Optimization Business</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img8.jpg">
							<img src="images/gallery-img9.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Management Consulting</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="hovereffect">
						<a class="chocolat-image" href="images/gallery-img8.jpg">
							<img src="images/gallery-img5.jpg" class="img-responsive" alt=" ">
							<div class="overlay">
								<h4>Management Consulting</h4>
							</div>
						</a>
					</div>
				</div>
				<div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<div class="layui-upload-drag" id="test10">
<i class="layui-icon"></i>
<p>点击上传，或将文件拖拽到此处</p>
</div></div>
				<div class="clearfix"></div>
			</div>
		</div> <!-- container / end -->
	</div>
</div>




	<!-- //stats -->
	
	<div class="testimonials" id="testimonials">
		<div class="testimonials-info text-center">
			<h3>Testimonials</h3>
			<label></label>
		</div>
			<div class="testimonials-content">
				<div class="container">
				 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000" data-pause="false">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
					</ol>
					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<div class="row">
								<div class="col-xs-6 col-sm-6 col-md-6">
							<div class="row">
								<div class="col-sm-12 col-md-6">
									<img src="images/testimonials-img1.jpg" alt=" "> <!-- mybatis -->
								</div>
								<div class="col-sm-12 col-md-6">
									<h3><a href="https://baike.so.com/doc/5582692-5795562.html">Mybatis</a></h3>
									<p>MyBatis是一款优秀的<strong>持久层框架</strong>，它支持定制化<strong>SQL、存储过程以及高级映射</strong>。MyBatis 避免了几乎<strong>所有</strong>的<strong>JDBC代码和手动设置参数以及获取结果集</strong>。MyBatis可以使用简单的XML 或<strong>注解</strong>来配置和映射原生类型、接口和Java的POJO（Plain Old Java Objects，普通老式Java对象）为数据库中的记录。</p>
								</div>
							</div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="row">
								<div class="col-sm-12 col-md-6">
									<img src="images/testimonials-img2.jpg" alt=""><!--Spring-->
								</div>
								<div class="col-sm-12 col-md-6">
									<h3><a href="https://baike.so.com/doc/2066004-2185690.html">Spring</a></h3>
									<p>Spring是一个<strong>开放源代码的设计层面框架</strong>，它解决的是业务逻辑层和其他各层的<strong>松耦合问题</strong>，因此它将<strong>面向接口</strong>的编程思想贯穿整个系统应用。Spring是于2003 年兴起的一个<strong>轻量级</strong>的Java开发框架，由Rod Johnson创建。简单来说，Spring是一个分层的JavaSE/EE full-stack(一站式) 轻量级开源框架。Spring是<strong>全面的和模块化的</strong>。Spring有分层的体系结构，这意味着你能选择使用它孤立的<strong>任何部分</strong>，它的架构仍然是内在稳定的。</p>
								</div>
							</div>
							</div>
							</div>
						</div>
						<div class="item">
							<div class="row">
								<div class="col-xs-6 col-sm-6 col-md-6">
							<div class="row">
								<div class="col-sm-12 col-md-6">
									<img src="images/testimonials-img3.jpg" alt=" "><!--Spring Boot-->
								</div>
								<div class="col-sm-12 col-md-6">
									<h3><a href="https://baike.baidu.com/item/Spring%20Boot/20249767">Spring Boot</a></h3>
									<p>SpringBoot是由Pivotal团队在2013年开始研发、2014年4月发布第一个版本的全新开源的<strong>轻量级框架</strong>。它基于Spring4.0设计，不仅继承了Spring框架原有的优秀特性，而且还通过简化配置来进一步<strong>简化</strong>了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性等问题得到了很好的解决。</p>
								</div>
							</div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6">
								<div class="row">
								<div class="col-sm-12 col-md-6">
									<img src="images/testimonials-img4.jpg" alt="">
								</div>
								<div class="col-sm-12 col-md-6">
									<h3>Maven</h3>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</p>
								</div>
							</div>
							</div>
							</div>
						</div>				
					</div>
					<!-- Left and right controls -->
					
					</div>
			</div>
			</div>
		</div>

	<div class="contact" id="contact">
		<div class="contact-info text-center">
			<h3>Contact</h3>
			<label></label>
		</div>
			<div class="contact-content">
			<div class="container">
		<div class="row">
		  <div class="col-sm-12 col-md-3">
			<div class="contact-tel">
				<ul>
					<li class="tel1"><i class="fa fa-mobile" aria-hidden="true"></i><span>+(000) 123 4565 32</span></li>
					<li class="tel2"><i class="fa fa-envelope-o contact-mail" aria-hidden="true"></i><a href="mailto:info@outlook.com">info@example1.com</a></li>
				</ul>
			</div>
		  </div>
		  <div class="col-sm-12 col-md-9">
			<div class="contact-form">
				<form id="contact-us" method="post" action="#">
					<div class="row form1">
						<div class="col-sm-12 col-md-6">
							<input class="name" type="text" name="name" placeholder="Name">
						</div>
						<div class="col-sm-12 col-md-6">
							<input class="email" type="email" name="email" placeholder="Email">
						</div>
						</div>
							<div class="row form2">
								<div class="col-sm-12 col-md-8">
									<textarea class="textarea" placeholder="Message"
									></textarea>
								</div>
								<div class="col-sm-12 col-md-4 text-center">
									<input class="submit"  type="submit" value="Submit">
								</div>
							</div>
					
				</form>
			</div>
		  </div>
	</div>
	</div>
	</div>
	</div>

<div class="footer text-center">&copy; 2018 Execute. All Rights Reserved | Design by <a href="https://w3layouts.com/">W3layouts</a></div>
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/move-top.js"></script>
	<script src="js/smoothscroll.js"></script>
	<script src="js/jquery.easing.min.js"></script>
	<script src="js/grayscale.js"></script>
	<script src="../html/layui/layui.js" charset="utf-8"></script>
	
	<script>
			// You can also use "$(window).load(function() {"
			$(function () {
				// Slideshow 4
				$("#slider4").responsiveSlides({
					auto: true,
					pager: true,
					nav: true,
					speed: 500,
					namespace: "callbacks",
					before: function () {
						$('.events').append("<li>before event fired.</li>");
					},
					after: function () {
						$('.events').append("<li>after event fired.</li>");
					}
				});

			});
	</script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider3").responsiveSlides({
				auto: true,
				pager: false,
				nav: false,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<script src="js/responsiveslides.min.js"></script>
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter').countUp();
	</script>
	<!-- //stats -->
	
	
<!-- js for gallery -->
<script type="text/javascript" src="js/jquery.chocolat.js"></script>
<script>
$(function(){
				$('#gal').Chocolat({
					imageSize: 'contain'
				});
			});
</script>
	<script type="text/javascript">
	$(document).ready(function() {
	var defaults = {
	containerID: 'toTop', // fading element id
	containerHoverID: 'toTopHover', // fading element hover id
	scrollSpeed: 1200,
	easingType: 'linear' 
	};
	$().UItoTop({ easingType: 'easeOutQuart' });

	});
	</script>
<!-- //js for gallery -->
<script>
layui.use('upload', function(){
	var $ = layui.jquery
	,upload = layui.upload;
	
	 var uploadInst =   upload.render({
		 elem: '#test10'
		 ,url: '/upload/'
		 ,field:'file'
		 ,done: function(res){
			 console.log(res)
			 }
			 });
});
		 
</script>
</body>
</html>